﻿@model GameGo.Models.IndexViewModel

@{
    ViewBag.Title = "首页";
}

<div id="box">
    <div class="screen">
        <ul class="banner-list">
            <li><img src="~/Content/images/t1.jpg" width="1240" height="600"/></li>
            <li><img src="~/Content/images/t2.jpg" width="1240" height="600"></li>
            <li><img src="~/Content/images/t3.jpg" width="1240" height="600"></li>
            <li><img src="~/Content/images/t4.jpg" width="1240" height="600"></li>
            <li><img src="~/Content/images/t5.jpg" width="1240" height="600"></li>
            <li><img src="~/Content/images/t6.jpg" width="1240" height="600"></li>
        </ul>
        <ol></ol>
    </div>
    <div id="arr"><span id="left">&lt;</span><span id="right">&gt;</span></div>
</div>

<div class="area1">
    <div class="container">
        <div class="sec-title">
            <h2>推荐装备</h2>
        </div>
        <div class="col10">
            <div class="list_card">
                <ul>
                    @foreach (var item in Model.randoms)
                    {
                        <li>
                            <a href="#" title="@item.goodName">
                                <img src="~/Content/images/@item.goodImage" width="138" height="138" />
                            </a>
                            <h3>
                                <a href="#" title="@item.goodName">@item.goodName</a>
                            </h3>
                            <p>
                                <strong class="f_Strong">
                                    ￥ @item.goodprice
                                </strong>
                            </p>
                        </li>
                    }
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="area2">
    <div class="container">
        <div class="sec-title">
            <h2>步枪专区</h2>
        </div>
        <div class="col10">
            <div class="list_card">
                <ul>
                    @foreach (var item in Model.guns)
                    {
                        <li>
                            <a href="#" title="@item.goodName">
                                <img src="~/Content/images/@item.goodImage" width="138" height="138" />
                            </a>
                            <h3>
                                <a href="#" title="@item.goodName">@item.goodName</a>
                            </h3>
                            <p>
                                <strong class="f_Strong">
                                    ￥ @item.goodprice
                                </strong>
                            </p>
                        </li>
                    }
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="area1">
    <div class="container">
        <div class="sec-title">
            <h2>匕首专区</h2>
        </div>
        <div class="col10">
            <div class="list_card">
                <ul>
                    @foreach (var item in Model.knife)
                    {
                        <li>
                            <a href="#" title="@item.goodName">
                                <img src="~/Content/images/@item.goodImage" width="138" height="138" />
                            </a>
                            <h3>
                                <a href="#" title="@item.goodName">@item.goodName</a>
                            </h3>
                            <p>
                                <strong class="f_Strong">
                                    ￥ @item.goodprice
                                </strong>
                            </p>
                        </li>
                    }
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="area2">
    <div class="container">
        <div class="sec-title">
            <h2>印花专区</h2>
        </div>
        <div class="col10">
            <div class="list_card">
                <ul>
                    @foreach (var item in Model.stamp)
                    {
                        <li>
                            <a href="#" title="@item.goodName">
                                <img src="~/Content/images/@item.goodImage" width="138" height="138" />
                            </a>
                            <h3>
                                <a href="#" title="@item.goodName">@item.goodName</a>
                            </h3>
                            <p>
                                <strong class="f_Strong">
                                    ￥ @item.goodprice
                                </strong>
                            </p>
                        </li>
                    }
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="area1">
    <div class="container">
        <div class="sec-title">
            <h2>其他装备</h2>
        </div>
        <div class="col10">
            <div class="list_card">
                <ul>
                    @foreach (var item in Model.others)
                    {
                        <li>
                            <a href="#" title="@item.goodName">
                                <img src="~/Content/images/@item.goodImage" width="138" height="138" />
                            </a>
                            <h3>
                                <a href="#" title="@item.goodName">@item.goodName</a>
                            </h3>
                            <p>
                                <strong class="f_Strong">
                                    ￥ @item.goodprice
                                </strong>
                            </p>
                        </li>
                    }
                </ul>
            </div>
        </div>
    </div>
</div>

@section css{
    <link href="~/Content/css/Index.css" rel="stylesheet" />
}
@section scripts{
    <script src="~/Scripts/Index.js"></script>
}
